<template>
    <div id="Shoubi">
        <Headers>收币</Headers>
        <div class="top">
            <img src="../../assets/BTC.png" alt="" class="btc">
            <span>{{bizhong}}</span>
            <img src="../../assets/more.png" alt="" class="more">
        </div>
        <div class="center">
            <p>此处是二维码</p>
        </div>
        <div class="bottom">
            <div class="wangzhi">
                <div class="wzlj">{{wzlj}}</div>
                <img src="../../assets/jiahao.png" alt="" class="jiahao">
            </div>
            <div class="zhuyi">
                <span class="jgicon">i</span>
                <span class="jgtext">向此地址转账非此地址类型的币种将无法找回</span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'shoubi',
        data() {
            return {
                bizhong:"BTC",
                wzlj:"https://org.modao.cc/modao.cc/"
            }
        },
        methods: {
        }
    }
</script>

<style scoped lang="stylus">
@import '../../common/styl/mixin'
    #Shoubi
        margin  0
        width  rem(375)
        min-height  100vh
        display flex
        flex-direction column
        align-items center
        .top
            width 100%
            height rem(20)
            margin-top rem(114)
            display flex
            justify-content center
            align-items center
            .btc
                width rem(20)
            span
                font-family HiraginoSansGB-W6
                font-weight W6
                font-size rem(15)
                color #666666
                margin-left rem(10)
            .more
                width rem(9)
                margin-left rem(16)
        .center
            width rem(216)
            height rem(219)
            background #dddddd
            margin-top rem(48)
            text-align center
            line-height rem(219)
            font-size rem(20)
        .bottom
            margin-top rem(30)
            .wangzhi
                display flex
                align-items center
                height rem(35)
                .wzlj
                    width rem(290)
                    height rem(35)
                    line-height rem(35)
                    text-align center
                    font-family HiraginoSansGB-W3
                    font-weight W3
                    font-size rem(15)
                    color #999999
                    background #FAFAFA
                .jiahao
                    margin-left rem(12)
                    width rem(19)
            .zhuyi
                margin-top rem(8)
                display flex
                .jgicon
                    width rem(11)
                    display block
                    height rem(11)
                    border-radius 50%
                    background #FCAD02
                    line-height rem(11)
                    text-align center
                    font-size rem(10)
                    color #FFFFFF
                .jgtext
                    font-family HiraginoSansGB-W3
                    font-weight W3
                    font-size rem(11)
                    color #999999
                    margin-left rem(5)

</style>
